<template>
    <!-- 分子公司分包商汇总 -->
    <div id="subcontractorCollectCon" class="con">
        <div class="tabs-title" id="subcontractorCollect">分包商汇总</div>
        <el-button
            type="primary"
            style="background: #2e61d7; margin-bottom: 10xp"
            @click="save()"
            >生成汇总</el-button
        >
        <div class="e-table">
            <el-table
                ref="multipleTable"
                :max-height="$store.state.tableHeight"
                :data="subDtlList"
                tooltip-effect="dark"
                style="width: 100%"
                class="table"
                :header-cell-style="{ textAlign: 'center' }"
                :cell-style="{ textAlign: 'center' }"
                @selection-change="handleSelectionChange"
                v-sortTable="{
                    tableData: subDtlList,
                    _this: this,
                    ref: 'multipleTable'
                }"
            >
                <el-table-column type="selection" width="50"> </el-table-column>
                <el-table-column label="序号" width="50"> </el-table-column>
                <el-table-column
                    prop="outerName"
                    label="分包商名称"
                    width="150"
                >
                    <template slot-scope="scope">
                        <span
                            @click="articulars(scope.row.dtlId)"
                            style="color: blue; cursor: pointer"
                        >
                            {{ scope.row.outerName }}
                        </span>
                    </template>
                </el-table-column>
                <el-table-column label="评价等级" width="500">
                    <el-table-column label="分（子）公司下一级单位" width="500">
                        <el-table-column
                            label="合同1"
                            width="100"
                            prop="contractOne"
                        >
                        </el-table-column>
                        <el-table-column
                            label="合同2"
                            width="100"
                            prop="contractTwo"
                        >
                        </el-table-column>
                        <el-table-column
                            label="合同3"
                            width="100"
                            prop="contractThree"
                        >
                        </el-table-column>
                        <el-table-column
                            label="合同N"
                            width="100"
                            prop="contractN"
                        >
                        </el-table-column>
                        <el-table-column label="合计" width="100" prop="total">
                        </el-table-column>
                        <el-table-column
                            label="评价合同数"
                            width="100"
                            prop="evaluateQuantity"
                        >
                        </el-table-column>
                    </el-table-column>
                </el-table-column>
                <el-table-column
                    prop="evaluateSocre"
                    label="动态评价奖励分数"
                    width="150"
                >
                </el-table-column>
                <el-table-column
                    prop="evaluateTotalSocre"
                    label="评价分数"
                    width="200"
                    show-overflow-tooltip
                >
                </el-table-column>
                <el-table-column
                    prop="evaluateGrade"
                    label="评价等级"
                    width="250"
                    show-overflow-tooltip
                >
                </el-table-column>
                <el-table-column
                    prop="evaluateOpinion"
                    label="评价意见"
                    width="150"
                    show-overflow-tooltip
                >
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>
<script>
export default {
    data () {
        return {
            subDtlList: [] // 汇总表格数据
        }
    },
    created () {},
    methods: {
        handleSelectionChange (val) {
            this.multipleSelection = val
        }
    }
}
</script>
